<%--
  Created by IntelliJ IDEA.
  User: admin
  Date: 2022/10/17
  Time: 14:23
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title></title>

</head>
<body>
<div class="container" style="background-color: white" >
    <!-- 头部-->
    <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal">&times;</button>
        <h4 class="modal-title">查看物料</h4>
    </div>
    <!-- 内容-->
    <div class="modal-body">
        <form id="wlbiaohaoform2">
            <input type="hidden" name="productid" id="wlbiaohao2">
            <input type="hidden" name="designmodulechangetag" value="D003-0">
        </form>
        <%--    明细表--%>
        <form id="dddformmx2">
            <input type="hidden" name="designmoduletag" id="designmoduletagpojo2">
            <input type="hidden" name="modulesubtotal" id="modulesubtotalpojo2">
            <table style="margin-left:1061px">
                <tr height=20>
                    <td bordercolorlight=#848284 bordercolordark=#eeeeee align=right>
                        <input type="button" class="btn btn-success" value="确定" onclick="dqzdsjjj2()">
                    </td>
                </tr>
                <table align=center class="TABLE_STYLE4">
                    <%--                <tr height=20 class="TR_STYLE1">--%>
                    <%--                    <td bordercolorlight=#848284 bordercolordark=#eeeeee align=right--%>
                    <%--                        class="TD_STYLE8" width="10%">工序单编号：--%>
                    <%--                    </td>--%>
                    <%--                    <td bordercolor=#DEDBD6 align=left class="TD_STYLE2" width="40%">--%>
                    <%--                        <input type="text" name="designid" readonly id="designiddpdq">&nbsp;--%>
                    <%--                    </td>--%>
                    <%--                    <td bordercolorlight=#848284 bordercolordark=#eeeeee align=right--%>
                    <%--                        class="TD_STYLE8" width="10%">登记人&nbsp;&nbsp;：--%>
                    <%--                    </td>--%>
                    <%--                    <td bordercolor=#DEDBD6 align=left class="TD_STYLE2" width="40%">--%>
                    <%--                        <input type="text" id="register2r" name="register" readonly >&nbsp;--%>
                    <%--                    </td>--%>
                    <%--                </tr>--%>
                    <%--                <tr height=20 class="TR_STYLE1">--%>
                    <%--                    <td bordercolorlight=#848284 bordercolordark=#eeeeee align=right--%>
                    <%--                        class="TD_STYLE8" width="20%">登记时间：--%>
                    <%--                    </td>--%>
                    <%--                    <td bordercolor=#DEDBD6 align=left class="TD_STYLE2" width="40%">--%>
                    <%--                        <input type="text" id="registertime2r" name="registertime" readonly--%>
                    <%--                               >--%>
                    <%--                        &nbsp;--%>
                    <%--                    </td>--%>
                    <%--                    <td bordercolorlight=#848284 bordercolordark=#eeeeee align=right--%>
                    <%--                        class="TD_STYLE8" width="15%">产品名称：--%>
                    <%--                    </td>--%>
                    <%--                    <td bordercolor=#DEDBD6 align=left class="TD_STYLE2" width="40%">--%>
                    <%--                        <input type="text" id="procedurename2p" name="procedurename" readonly>&nbsp;--%>
                    <%--                    </td>--%>
                    <%--                </tr>--%>
                </table>
                <table align=center class="TABLE_STYLE4">
                    <tr height=20 class="TR_STYLE1">
                        <td align=center height=5 class="TD_STYLE5"><font size="4"><b>工序物料设计单</b></font>
                        </td>
                    </tr>
                </table>
            </table>
        </form>
        <table style="margin-left:1061px">
            <tr height=20>
                <td bordercolorlight=#848284 bordercolordark=#eeeeee align=right>
<%--                    <input type="button" class="btn btn-success" value="确定" onclick="dqzdsjjj()">--%>
                </td>
            </tr>
            <table align=center class="TABLE_STYLE4">
<%--                <tr height=20 class="TR_STYLE1">--%>
<%--                    <td bordercolorlight=#848284 bordercolordark=#eeeeee align=right--%>
<%--                        class="TD_STYLE8" width="10%">工序单编号：--%>
<%--                    </td>--%>
<%--                    <td bordercolor=#DEDBD6 align=left class="TD_STYLE2" width="40%">--%>
<%--                        <input type="text" name="designid" readonly id="designiddpdq1">&nbsp;--%>
<%--                    </td>--%>
<%--                    <td bordercolorlight=#848284 bordercolordark=#eeeeee align=right--%>
<%--                        class="TD_STYLE8" width="10%">登记人&nbsp;&nbsp;：--%>
<%--                    </td>--%>
<%--                    <td bordercolor=#DEDBD6 align=left class="TD_STYLE2" width="40%">--%>
<%--                        <input type="text" id="register2r1" name="register" readonly >&nbsp;--%>
<%--                    </td>--%>
<%--                </tr>--%>
<%--                <tr height=20 class="TR_STYLE1">--%>
<%--                    <td bordercolorlight=#848284 bordercolordark=#eeeeee align=right--%>
<%--                        class="TD_STYLE8" width="20%">登记时间：--%>
<%--                    </td>--%>
<%--                    <td bordercolor=#DEDBD6 align=left class="TD_STYLE2" width="40%">--%>
<%--                        <input type="text" id="registertime2r1" name="registertime" readonly--%>
<%--                               >--%>
<%--                        &nbsp;--%>
<%--                    </td>--%>
<%--                    <td bordercolorlight=#848284 bordercolordark=#eeeeee align=right--%>
<%--                        class="TD_STYLE8" width="15%">产品名称：--%>
<%--                    </td>--%>
<%--                    <td bordercolor=#DEDBD6 align=left class="TD_STYLE2" width="40%">--%>
<%--                        <input type="text" id="procedurename2p1" name="procedurename" readonly>&nbsp;--%>
<%--                    </td>--%>
<%--                </tr>--%>
            </table>
            <table align=center class="TABLE_STYLE4">
                <tr height=20 class="TR_STYLE1">
                    <td align=center height=5 class="TD_STYLE5"><font size="4"><b>工序物料设计单</b></font>
                    </td>
                </tr>
            </table>
        </table>

        <br><br>
                <table id="dptablesj12" class="table table-striped table-bordered table-condensed table-hover">
                </table>
    </div>
    <input type="button" id="mcpaddwindel2212" value="关闭" class="btn btn-danger col-md-2 col-md-offset-1">
</div>
</form>
</div>
</div>
<script>
            var parentid = ${param.parentid}
            $("#dptablesj12").bootstrapTable({
                url: 'querydesignProcedureDetailsquery2.action/'+parentid,
                method: 'post',                      //请求方式（*）
                contentType: "application/x-www-form-urlencoded",
                striped: true,                      //是否显示行间隔色
                cache: false,                       //是否使用缓存，默认为true，所以一般情况下需要设置一下这个属性（*）
                pagination: true,                   //是否显示分页（*）
                sortable: true,                     //是否启用排序
                sortOrder: "asc",                   //排序方式
                sidePagination: "server",           //分页方式：client客户端分页，server服务端分页（*）
                pageNumber: 1,                      //初始化加载第一页，默认第一页,并记录
                pageSize: 5,                     //每页的记录行数（*）
                pageList: [5, 10, 25, 50, 100],        //可供选择的每页的行数（*）
                search: false,                      //是否显示表格搜索
                strictSearch: true,
                showColumns: true,                  //是否显示所有的列（选择显示的列）
                showRefresh: true,                  //是否显示刷新按钮
                minimumCountColumns: 0,             //最少允许的列数
                clickToSelect: true,                //是否启用点击选中行
                height: 400,                      //行高，如果没有设置height属性，表格自动根据记录条数觉得表格高度
                uniqueId: "id",                     //每一行的唯一标识，一般为主键列
                showToggle: true,                   //是否显示详细视图和列表视图的切换按钮
                cardView: false,                    //是否显示详细视图
                detailView: false,                  //是否显示父子表
                showFooter: true,
                //得到查询的参数
                queryParams: function (params) {
                    //这里的键的名字和控制器的变量名必须一直，这边改动，控制器也需要改成一样的
                    var temp = {
                        pagesize: params.limit,                         //页面大小
                        pagenum: (params.offset / params.limit) + 1,   //页码
                        sort: params.sort,      //排序列名
                        sortOrder: params.order, //排位命令（desc，asc）
                    };
                    return temp;
                },
                columns: [
                    {
                        field: 'id',
                        title: '序号'
                    }, {
                        field: 'productName',
                        title: '物料名称'
                    }, {
                        field: 'productId',
                        title: '物料编号'
                    }, {
                        field: 'productDescribe',
                        title: '描述'
                    }
                    , {
                        field: 'amountUnil',
                        title: '单位'
                    }
                    , {
                        field: 'costPrice',
                        title: '单价（元）',
                        formatter: function (value, row, index) {
                            return "<input type='text' value='" + value + "' readonly >";
                        }
                    }, {
                        field: 'amount',
                        title: '本工序数量',
                        formatter: function (value, row, index) {
                            return "<input type='text' value='" + value + "' onchange='changenum22list2(this)' >";
                        }
                    },
                    {
                        field: '',
                        title: '设计数量',
                        formatter: function (value, row, index) {
                            return "<input type='text' value='" + row.amount + "' readonly>";
                        }
                    },{
                        field: '',
                        title: '可用数量',
                        formatter: function (value, row, index) {
                            return "<input type='text' value='" + row.amount + "' readonly>";
                        }
                    }
                    , {
                        field: 'subtotal',
                        title: '小计（元）',
                        formatter: function (value, row, index) {
                            return "<input type='text' value='" + value + "' >";
                        }
                        ,
                        footerFormatter: function (value) {
                            var count2 = 0;
                            for (var i in value) {
                                count2 += value[i].subtotal
                            }
                            $("#modulesubtotalpojo2").val(count2)
                            return count2;
                        }
                    }]
            });


            //输入可用数，将可用数更新到表格中changenum22list
            function changenum22list2(obj1) {
                //获取表格当前所有数据
                var arr2 = $("#dptablesj12").bootstrapTable("getData");
                //获取当前输入的值
                var amount = Number($(obj1).val());
                //可用数量
                var kynum =Number($(obj1).parent().parent().find("input:eq(3)").val())
                if (kynum <amount) {
                    $(obj1).parent().parent().find("input:eq(1)").val("0")
                    alert("数量超出可用数量，请重新输入")
                } else if (kynum <= amount) {
                    //获取当前操作行的id
                    var id = $(obj1).parent().parent().find("td:eq(0)").text();
                    $("#wlbiaohao2").val(id)
                    //单价

                    //循环表格数据  和当前行id比较  相等  subtotal

                    //数据加载到表格
                    $("#dptablesj12").bootstrapTable("load", arr2);
                }else {
                    var reg2 = /^[0-9]*$/
                    if (!reg2.test(amount)) {
                        alert("请输入数字")
                    }
                }
                var shu1 = $(obj1).parent().parent().find("input:eq(0)").val();
                //本工序数量
                var shu2 = $(obj1).parent().parent().find("input:eq(1)").val();
                //可用数量-本工序数量
                var dangqkysnum =Number(kynum)-Number(shu2)
                $("#residualamountpojo2").val(dangqkysnum)
                //fuge可用数量
                $(obj1).parent().parent().find("input:eq(3)").val(dangqkysnum)
                var xj= Number(shu1) * Number(shu2)
                $(obj1).parent().parent().find("input:eq(4)").val(xj)
                $(arr2).each(function (index, item) {
                    if (item.id == id) {
                        item.amount = amount;
                        item.subtotal = xj;
                    }
                })
            }

            //确定
            function dqzdsjjj2() {
               // alert(${param.sjshu})
                var shuzhi= Number(${param.sjshu})
                if(shuzhi==0){
                    //明细
                    var arr = $("#dddformmx2").serializeArray();
                    var gongxushow = {};
                    $(arr).each(function (index, item) {
                        gongxushow[item.name] = item.value;
                    })
                    //明细子update
                    var arr3= $("#dptablesj12").bootstrapTable("getData");
                    gongxushow["detailss"] = arr3;
                    //mddm
                    //当物料设计bengggshi
                    $.ajax({
                        url: "updateDModulesjupdatebiangeng.action",
                        type: "put",
                        data: JSON.stringify(gongxushow),
                        contentType: "application/json",
                        dataType: "json",
                        success: function (data) {
                            alert(data.msg)
                            if(data.cm==1){
                                //物料
                                var dataobj = $("#wlbiaohaoform2").serializeArray();
                                var obj = {};
                                $(dataobj).each(function (index, item) {
                                    obj[item.name] = item.value;
                                })
                                //可用数
                                $.ajax({
                                    url: "updatemcDModulepojo.action",
                                    type: "put",
                                    data: JSON.stringify(obj),
                                    contentType: "application/json",
                                    dataType: "json",

                                })
                            }
                        }
                    })
                }else if(shuzhi==1){
                    //update
                    var arr = $("#dddformmx2").serializeArray();
                    //从表格获取组成明细数据
                    var gminxishow2 = {};
                    $(arr).each(function (index, item) {
                        gminxishow2[item.name] = item.value;
                    })
                    var arr2 = $("#dptablesj12").bootstrapTable("getData");
                    gminxishow2["detailss"] = arr2;
                    $.ajax({
                        url: "updateDModulesjupdatebiangeng.action",
                        type: "put",
                        data: JSON.stringify(gminxishow2),
                        contentType: "application/json",
                        dataType: "json",
                        success: function (data) {
                            alert(data.msg)
                            if(data.cm==1){
                                //物料
                                var dataobj = $("#wlbiaohaoform2").serializeArray();
                                var obj = {};
                                $(dataobj).each(function (index, item) {
                                    obj[item.name] = item.value;
                                })
                                //可用数
                                $.ajax({
                                    url: "updatemcDModulepojo.action",
                                    type: "put",
                                    data: JSON.stringify(obj),
                                    contentType: "application/json",
                                    dataType: "json",

                                })
                            }
                        }
                    })
                }
            }

</script>

</body>
</html>
